page{
	height: 100%;
}
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  overflow-y: auto;
	background: #F7F7F7;
	.my-demand {
		padding: 0 30rpx;
		.demand-item {
			margin-top: 20rpx;
			background-color: #ffffff;
			padding: 46rpx 40rpx 40rpx 40rpx;
			.header {
				display: flex;
				align-items: center;
				justify-content: space-between;
				.header-left {
					display: flex;
					align-items: center;
					font-size: 30rpx;
					font-weight: bold;
					.icon {
						width: 32rpx;
						height: 32rpx;
					}
				}
				.header-right {
					font-size: 24rpx;
					.color1 {
						color: #22B63B;
					}
					.color2 {
						color: #666666;
					}
				}
			}
			.content {
				
				.content-item {
					margin-top: 30rpx;
					color: #666666;
					font-size: 24rpx;
					.cuIcon-title {
						color: #D8D8D8;
					}
				}
			}
			
			.bottom-btn {
				margin-top: 30rpx;
				display: flex;
				justify-content: flex-end;
				color: #666;
				font-size: 26rpx;
				width: 100%;
				.btn {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 152rpx;
					height: 55rpx;
					border-radius: 86rpx;
					border: 2rpx solid #A4A4A4;
				}
			}
		}
		.empty-wrap {
		  display: flex;
		  flex-direction: column;
		  padding: 80rpx 0 100rpx;
		  align-items: center;
		  .empty-img {
		    width: 415rpx;
		    height: 415rpx;
		  }
		
		  .tips {
				margin-top: 10rpx;
		    font-size: 30rpx;
		    color: #999;
		  }
		}
	}
}